﻿@charset "utf-8";
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size: 100%; font-weight:normal;}
img{border:none;}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1";}  
.hidden{ display:none}
i{ font-style:normal}
html,body{-webkit-text-size-adjust:none;}
table { border-collapse:collapse; }
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.pos{ position:relative;}

/*字体*/
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.song{font-family:"\5B8B\4F53";}

/*颜色*/
.hei{ color:#000;}
.red{ color:#da251c;}

/*链接*/
a {color:#222;text-decoration:none; hide-focus: expression( this.hideFocus=true ); outline: none;/*-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-mz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;*/}
a:hover {color:#da251c;}
a:active {color:#da251c;}

/*basic*/ 
html{font-size:63%;}
body{font-family:"\5FAE\8F6F\96C5\9ED1";font-size:12px;color:#7c7c7c; line-height:20px; margin:0 auto;}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .1s ease;
}

.fade-enter,
.fade-leave-active {
    opacity:.5;
}

.wrap{ width:1200px; margin:0 auto;}
.top{ height:40px; line-height:40px; background:#282828;}
.top .home{ float:right; color:#fff;}
.top .home span{ background:url(../images/icon1.png) left center no-repeat; padding-left:22px; float:left;}
.top .home span b{ font-size:26px; font-weight:normal; float:right; margin:0 0 0 10px;}
.top .home a{ float:left; margin:0 0 0 15px; color:#fff;}
.top .home a.icon1{ background:url(../images/icon2.png) left center no-repeat; padding-left:20px;}
.top .home a.icon2{ background:url(../images/icon3.png) left center no-repeat; padding-left:20px;}
.top .come{ float:left; color:#fff;}

.header h1{ float:left; margin:18px 0 0 5px;}
.nav{ float:right; margin:34px 0 0 0; position:relative;}
.navlist>li{ float:left; font-size:16px; line-height:54px; margin-left:44px; position:relative;z-index:1;}
.navlist>li a{display:block; padding:0 5px; padding-bottom:10px;text-align: center;border-bottom:2px solid #fff;}
.navlist>li:hover>a,.navlist>li.hover>a{ color:#da251c; border-color:#da251c;
}
.navlist ul{
  display:none;
  position:absolute;
  left:-5px; top:66px;
  right:-5px;
  background: rgba(0,0,0,0.7);
  padding:10px 0;
}
.navlist>li:hover ul{
  display: block;
}
.navlist>li ul a{
  color: #fff;
  font-size:14px;
  padding-bottom:0;
  line-height:34px;
  border-color:transparent;
}
.navbox{ position:absolute; left:0; top:54px;}
.bgnav{ position:absolute; left:0; top:140px; width:100%; background:url(../images/bgnav1.png) center  top repeat-y; z-index:999; display:none;}
.navboxlist{ float:left; margin-left:765px; padding:16px 0 10px;}
.navboxlist li{ float:left; width:118px; font-size:13px; line-height:32px; display:none;}
.navboxlist li a{display:block;color:#fff;padding-left:16px;}
.navboxlist li a:hover{background:url(../images/dot_li.png) left center no-repeat;}
.navboxlist li.hover{ display:block;}

.footer{ background:#282828; height:280px; float:left; width:100%;}
.ftnavlist{ float:left; width:699px; border-right:1px solid #404040; height:185px; margin:44px 0 0 0;}
.ftnavlist li{ float:left; width:115px; line-height:26px;}
.ftnavlist li a{ color:#c4c4c4; display:block;}
.ftnavlist li a:hover{ color:#fff;}
.ftnavlist li h2{ font-size:16px; line-height:20px; padding-bottom:15px; background:url(../images/bgline.jpg) left bottom no-repeat; margin-bottom:10px;}
.ftnavlist li h2 a{ color:#fff;}
.ftright{ float: right; width:454px; margin:44px 0 0 0;}
.ftright .address{ float:left; width:278px; line-height:24px; color:#a4a4a4;}
.ftright .address p.spa{ font-size:14px; color:#fff;}
.ftright .address .phone{ background:url(../images/icon4.png) left top no-repeat; padding-left:58px; border-bottom:1px solid #a4a4a4; height:68px; display:block; color:#a4a4a4; font-size:15px; margin-bottom:12px;}
.ftright .address .phone b{ display:block; color:#fff; font-size:26px; font-weight:normal; line-height:36px;}
.ftright .ewm{ float:right; background:#535353; text-align:center; height:143px; color:#fff;}
.backtop{ position:fixed;left:50%; bottom:200px; margin-left:640px; z-index:10; cursor:pointer; display:none;}




/*text*/
.b{ font-weight:bold;}
.em{ text-indent:2em;}

/*字体大小*/
.f10{font-size:10px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}


/*2016/11/9*/
.fixbox-wrap{ position:fixed; left:0; bottom:0;}
.fixbox{background:rgba(33,33,33,0.8); z-index:885; width:100%;height:131px;overflow:hidden; position:fixed; left:0%; bottom:0;}
.fixright{ float:right; width:738px; padding:28px 0 0 0; position:relative;}
.flogo{ float:left; padding:32px 0 0 0;}
.flogo img{ float:left;}
.flogo span{ float:left; color:#fff; font-size:20px; padding-left:30px; line-height:30px;}
.fixright .closex{ position:absolute; right:0; top:8px; width:25px; height:25px; background:url(../images/close3.png) no-repeat; cursor:pointer;}
.fixright table td{ vertical-align:top;}
.fixright table td p{ height:35px; padding-bottom:8px;}
.fixright .ctxt1{ width:244px; height:33px; border:1px solid #d9d9d9; background:#fff; padding-left:8px; font-size:14px; color:#888; line-height:33px;}
.fixright .ctxt2{ width:113px; margin-right:7px;}
.fixright .cbtn1{ background:#be1008; width:147px; height:64px; color:#fff; float:left; text-align:center; font-size:16px; padding:14px 0 0 0; line-height:24px; cursor:pointer;}
.changeSmall{ position:fixed; left:-100%; bottom:0;}
.changeSmall b{ float:right; cursor:pointer;}

/*index*/
.fullSlide{position:relative; width:100%;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;} 
.fullSlide .hd{ position:absolute; left:0; bottom:25px; height:30px; line-height:30px;text-align:center; width:100%;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px; overflow:hidden; font-size:0; background:#878787; -webkit-border-radius:50%;border-radius:50%;}
.fullSlide .hd ul .on{ background:#da251c;}

.m1{background:#ebf6f8;float:left;width:100%;height:120px;}
.m1 .pic{ float:left; margin:36px 0 0 54px;}
.m1 .sch{ float:right; width:447px; margin:28px 4px 0 0;}
.m1 .sch p{ color:#333; font-size:14px; line-height:44px;}
.m1 .sch p a{ color:#616161; margin:0 0 0 12px;}
.m1 .sch p a:hover{ color:#da251c;}
.schtxt1{ float:left; width:354px; border:1px solid #dce2e3; height:38px; padding-left:10px; background:none; color:#afafaf; font-size:14px;}
.schbtn1{ background:url(../images/schbtn1.jpg) no-repeat; width:80px; height:40px; border:none; cursor:pointer; float:right;}
.flinks{ background:#eefcff; height:158px; float:left; width:100%; text-align:center;}
.flinks h2{ color:#282828; font-size:18px; padding:30px 0 0 0; line-height:32px; padding-bottom:10px;}
.flinks p{ width:815px; margin:0 auto; line-height:24px; color:#ccd7d9;}
.flinks p a{ color:#747474; margin:0 5px; display:inline-block;}
.flinks p a:hover{ color:#da251c;}
.m2{ float:left; width:100%; height:800px; position:relative;}
.bghua1{ position:absolute; left:0; bottom:128px; z-index:0;}
.title{ text-align:center; margin:50px 0 0 0; float:left; width:100%; color:#5d5d5d; font-size:16px; line-height:30px;}
.title h2{ background:url(../images/titlebg1.png) 0 center no-repeat,url(../images/titlebg2.png) no-repeat 753px 0; color:#da251c; font-size:30px; line-height:45px;}
.title2{ color:#fff;}
.title2 h2{ color:#fff; background:url() center center no-repeat;}
.m2list li{ float:left; width:376px; padding:11px; margin:45px 0 0 0; border:1px solid #fff; position:relative;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; height:458px; }
.m2list li a{ color:#898989;}
.m2list li .pic{ display:block; position:relative; height:270px; overflow:hidden;}
.m2list li .pic span{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0 ,0,0,0.3); text-align:center;-webkit-transform:scale(0); -moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.m2list li .pic span b{ margin:59px 0 0 0; display:block; text-align:center;}
.m2list li .pic span p{ color:#fff8ee; font-size:18px; line-height:36px; padding-top:8px;}
.m2list li h2{ font-size:18px; line-height:24px; padding:15px 0; color:#222;}
.m2list li h2 span{ display:block; font-size:14px;}
.m2list li .txt{ display:block; overflow:hidden; clear:both; line-height:24px; height:72px;border-bottom:2px solid #da251c; padding-bottom:34px; margin:10px 0 0 0;}
.m2list li .dt{ width:136px; margin:0 auto; line-height:36px; text-align:center; color:#fff; background:#da251c; display:none;}
.m2list li:hover{ -webkit-box-shadow:1px 1px 2px 2px #eee;-ms-box-shadow:1px 1px 2px 2px #eee;-moz-box-shadow:1px 1px 2px 2px #eee;box-shadow:1px 1px 2px 2px #eee; border:1px solid #e2e2e2; cursor:pointer; height:517px; z-index:99}
.m2list li:hover .txt{ border-bottom:none;}
.m2list li:hover .pic span{-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.m2list li:hover .dt{ display:block;}
.m3{ float:left; width:100%; height:300px;}
.m3 a{ width:100%; height:100%; display:block;}
.m4{ float:left; width:100%; height:805px;}
.m4list{ float:left; width:100%; background:#eefcff; height:539px; overflow:hidden; margin:50px 0 0 0;}
.m4list li{ float:left; border-bottom:1px solid #e1edf0; border-right:1px solid #e1edf0; width:357px; height:269px; text-align:center; padding:0 18px 0 24px;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;transition:all 0.8s ease;}
.m4list li a{ color:#515151; line-height:22px; display:block; width:100%; height:100%; transition:all 0.3s ease;}
.m4list li.last{ width:358px; border-right:none;}
.m4list li span{ display:inline-block; width:98px; height:98px; background:url(../images/icon5.png) no-repeat; margin:31px 0 0 0;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;transition:all 0.8s ease;}
.m4list li:hover span{background:url(../images/icon6.png) no-repeat;-webkit-transform:rotatey(180deg);-moz-transform:rotatey(180deg);-ms-transform:rotatey(180deg);transform:rotatey(180deg);}
.m4list li span.icon1{ background-position:0 0;}
.m4list li span.icon2{ background-position:-99px 0;}
.m4list li span.icon3{ background-position:-198px 0;}
.m4list li span.icon4{ background-position:-296px 0; width:99px;}
.m4list li span.icon5{ background-position:-396px 0;}
.m4list li span.icon6{ background-position:-495px 0;}
.m4list li a h2{ font-size:20px; color:#000000; line-height:36px; margin:16px 0 0 0;}
.m4list li:hover{ background:#da251c;}
.m4list li:hover a{ color:#fff;}
.m4list li:hover a h2{ color:#fff;}
.m5{ float:left; width:100%; background:#fff8ee; height:690px;}
.m5list{ float:left; width:100%; margin:50px 0 0 0;}
.m5list li{ float:left; width:240px; position:relative;}
.m5list li a{ display:block; width:100%; height:100%;}
.m5list li a span{ position:absolute; left:0; top:0; width:100%; height:100%; font-size:24px; color:#fff;text-align:center; line-height:129px; background:rgba(0,0,0,0.5);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.m5list li a:hover span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.m6{ float:left; width:100%; position:relative;}
.bghua2{ position:absolute; right:0; top:-42px; z-index:0}
.bghua3{ position:absolute; left:0; top:50%; margin-top:-176px;z-index:0}
/*.bghua4{ position:absolute; left:auto;right:0; top:auto; bottom:-24px;z-index:0; display:block;}*/
.m6con{height:2804px; background:url(../images/bgline2.jpg) 85px top no-repeat; float:left; width:100%;}
.m6_item{ float:left; width:100%; margin:50px 0 100px 0;}
.m6_item_title{ float:left; width:100%;}
.m6_item_title span{ float:left; width:114px; height:113px; background:url(../images/icon7.png) no-repeat; margin-left:36px; position:relative;}
.m6_item_title span.icon2{ background-position:0 -114px;}
.m6_item_title span.icon3{ background-position:0 -228px;}
.m6_item_title span.icon4{ background-position:0 -342px;}
.m6_item_title span b.num{ position:absolute; right:-8px; top:0; width:28px; height:36px; border-radius:50%; background:#e6d7bd; line-height:36px; text-align:left; padding-left:8px; border:2px solid #fff; font-size:24px; color:#fff; font-weight:normal; font-style:italic;}
.m6_item_title h2{ float:left; margin:41px 0 0 18px; line-height:30px; color:#000; font-size:30px; width:280px;}
.m6_item_title h2 a{ float:right; font-size:12px; color:#7a7a7a;}
.m6_item_title h2 a:hover{ color:#da251c;}
.m6_txt1{ float:left; width:370px; height:332px; position:relative; margin:0 0 0 170px; color:#4e4e4e; font-size:14px; line-height:30px;}
.m6_txt1 .pic{ position:absolute; right:0; bottom:0; z-index:-1;}
.m6_pic1{ float:right; margin:-18px 5px 0 0}
.slideBox{ width:602px; height:304px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer;-webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; }
.slideBox .hd ul li.on{ background:#fff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:602px; height:304px; display:block;}
.yuyuebtn{ width:152px; line-height:36px; border:1px solid #da251c; margin:30px 0 0 0; float:left; position:relative; background:url(../images/jiao3.jpg) right center no-repeat; color:#da251c; font-size:14px;}
.yuyuebtn b{ float:left; width:106px; text-align:center; font-weight:normal;}
.yuyuebtn:hover{ color:#fff; background:#da251c url(../images/jiao3.jpg) right center no-repeat;}
.yuyuebtn:hover b{ border-right:1px solid #e8827e;}
.m6_txt2{ float:left; width:275px; margin:0 0 0 103px;}
.m6_txt2 .txt{ padding-left:50px; line-height:30px; font-size:13px; padding-bottom:8px;}
.m6_pic2{ float:right; margin:-42px 48px 0 0; width:736px;}
.m6_pic2 a.more{ float:right; margin-top:-38px; color:#da251c; border:1px solid #da251c; line-height:22px; font-size:14px; padding:0 10px;}
.m6_pic2 a.more:hover{ background:#da251c; color:#fff;}
.m6_pic2 .yuyuebtn{ margin-top:20px;}
.m6_pic2list{ float:left; width:100%; position:relative;}
.m6_pic2list li{ float:right; width:324px; height:189px; position:relative; overflow:hidden;}
.m6_pic2list li span{ position:absolute; left:-100%; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); color:#fff; line-height:16px; padding:8px 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.m6_pic2list li span p,.m6_pic2list li span h2{ padding:0 16px;}
.m6_pic2list li span h2{ font-size:16px; line-height:24px;}
.m6_pic2list li span p{ padding-top:8px;}
.m6_pic2list li.list1{ float:left; width:412px; position:relative; height:378px; overflow:hidden;}
.m6_pic2list li:hover span{left:0}
.m6_txt3{ float:left; width:362px; margin:0 0 0 164px; height:326px; position:relative;line-height:30px; font-size:14px;}
.m6_txt3 .yuyuebtn{ float:right; }
.m6_txt3 .pic{ position:absolute; right:0; bottom:0; z-index:-1;}
.m6_pic3{ float:right; width:628px; margin:-62px 5px 0 0;}
.m6_pic3list li{ float:left; width:312px; background:#3c4657; height:134px; overflow:hidden;}
.m6_pic3list li span.pic{ float:left;}
.m6_pic3list li span.txt{ text-align:center; width:150px; float:left; padding:24px 0 0 0; font-size:14px; color:#fff; line-height:32px;}
.m6_pic3list li:hover{ background:#da251c;}
.m6_pic3list li.spa span.pic{ float:right;}
.m6_txt4{ float:left; width:454px; height:472px; position:relative; margin:0 0 0 93px;}
.m6_txt4 .pic{ position:absolute; left:0; bottom:0; z-index:0;}
.m6_txt4 p{ font-size:14px; line-height:30px; color:#4e4e4e; padding-left:80px;}
.m6_news{ float:right; width:690px; margin:-10px 46px 0 -85px;}
.m6_news .yuyuebtn{ margin-left:115px;}
.inews_tit{ float:left; width:100%;  line-height:42px;}
.inews_tit h2{ background:url(../images/bgred.png) left center no-repeat; margin:0 0 0 14px; width:133px; text-align:center;height:49px;  font-size:24px; color:#fff;}
.inews_tit a.more{ float:right; border:1px solid #da251c; font-size:14px; color:#da251c; padding:0 10px; line-height:22px; margin:15px 0 0 0;}
.inews_tit a.more:hover{ color:#fff; background:#da251c;}
.inewsbox{ float:left; width:686px; border:2px solid #da251c; background:#fff; margin:5px 0 0 0; height:318px; position:relative; z-index:2;}
.inewslist{ float:left; width:645px; margin:20px 0 0 20px; }
.inewslist li{line-height:44px; border-bottom:1px solid #efefef; font-size:14px;}
.inewslist li a{ display:block;}
.inewslist li a span{ float:right;}
.inewslist li.last{ border-bottom:none;}
/*.m7{ float:left; width:100%; height:710px;}
.icommentlist li{ float:left; width:292px; background:#fff; height:390px; margin:50px 10px 0 0;}
.icommentlist li:hover{ background:rgba(255,255,255,0.8);}
.icommentlist li.nor{ margin-right:0;}
.icommentlist li a{ color:#555555;}
.icommentlist li a img{ display:block;}
.icommentlist li a .txt{ display:block; padding:20px 12px 0 15px;}
.icommentlist li a .txt span{ font-size:14px; margin:15px 0 0 0; float:left;}
.m7 .more{ text-align:center; float:left; width:100%; margin:50px 0 0 0;}
.m7 .more a{ border:1px solid #ebaeac; width:117px; text-align:center; font-size:14px; color:#fff; line-height:32px;color:#fff; display:inline-block;}
.m7 .more a:hover{ background:#da251c;}*/
.m8{ float:left; width:100%; height:800px;}
.m8left{ float:left; width:634px; margin:95px 0 0 0;}
.m8right{ float:right; width:536px; margin:95px 0 0 0;}
.title3{ float:left; width:100%; border-top:2px solid #da251c; line-height:60px;}
.title3 h2{ font-size:20px; padding-left:18px; color:#000;}
.title3 a.more{ float:right; color:#da251c; line-height:18px; padding:0 10px; border:1px solid #da251c; margin:20px 18px 0 0; font-size:14px;}
.title3 a.more:hover{ background:#da251c; color:#fff;}
.m8pic{ float:left; width:100%; position:relative;}
.m8pic img{ display:block;}
.m8pic span{ position:absolute; left:0; bottom:0; width:100%; background-color:rgba(218,37,28,0.7); height:44px; line-height:22px; padding:12px 0; color:#fff8ee;}
.m8pic span p{ padding:0 18px;}
.inewslist2{ display:block; overflow:hidden; clear:both; border:1px solid #efefef; height:212px; padding:20px 0 0 20px;}
.inewslist2 li{ float:left; width:594px;  border-bottom:1px solid #efefef; line-height:44px;}
.inewslist2 li a{ color:#323232;}
.inewslist2 li a span{ float:right;}
.inewslist2 li a:hover{ color:#da251c;}
.inewslist2 li.last{ border-bottom:none;}
.m8rbot{ float:left; width:100%; margin:30px 0 0 0;}
/*精品案例*/
.case{float:left; width:100%; height:986px;background:#fcf8f2;}
.case .margin_bottom{margin-bottom:50px;}
.case-nav{overflow: hidden;width:100%;/*padding:0 200px;*/text-align: center;margin-bottom:30px;}
.case-nav li{/*float:left;*/display:inline-block;padding:0 34px;height:46px;line-height:46px;color:#f9f9f9;background:#cecece;margin:0 7.5px;font-size:19px;}
.case-nav li.active{background:#da251c;}
.case-img li{float:left;margin-bottom:9px;}
.case-img li:nth-child(3n-1){margin:0 11px;}
.case-img li img{width:389px;height:195px;}
.lookmore{text-align: center;margin-top:17px;}
.lookmore a{text-align: center;display:inline-block;width:181px;height:53px;line-height:53px;background:#da251c;font-size: 19px;color:#fff;}

/*合作流程*/
.margin_right{margin-right:35px;}
.processmodule{float:left; width:100%; height:2260px;} 
.processmodule .margin_bottom{margin-bottom:50px;}
.stepbg{float:left;width:100%;/*height:152px;*/}
.expstep{padding-left:32px;}
.instruction{float:left;width:350px;position:relative;}
.instruction h3{width:160px;height:35px;padding:3px 0 16px 0;border-bottom:2px solid #898989;font-size:39px;color:#222;margin-bottom:25px;}
.instruction p{line-height:24px;color:#898989;font-size: 15px;margin-bottom:37px;}
.instruction a{display:inline-block;width:190px;height:44px;line-height:44px;color:#da251c;font-size: 18px;border:1px solid #ff0000;position: absolute;right:0;text-indent: 29px;background:url(../images/arrow_13.png) no-repeat right top;}
.poition-left{position: absolute;left:0;}
.stepimg{float:left;width:783px;height:335px;}

/*客户评价*/
.evaluate{float:left; width:100%; /*height:1109px;*/background:#f1f1f1;}
.evaluate .margin_bottom{margin-bottom:50px;}
#jswbox{width:1200px;float:left;height:465px;margin:0 auto;position:relative;}
#jswbox ul{position:relative;height:465px;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:30px;left:10px;}
#jswbox li img{width:100%;height:100%;vertical-align:top;float:left;}
#jswbox .prev, #jswbox .next{display:none;}
.customer_box{float:left;width:100%;height:427px;background:url(../images/dh1.png) no-repeat 90px 87px,url(../images/dh2.png) no-repeat 1030px 264px;}
.customer_title{height:91px;line-height:91px;font-size: 30px;color:#222;margin-bottom:36px;text-align: center;}
.customer_infor{width:657px;margin:0 auto;line-height:29px;font-size: 20px;padding:46px 85px;background:#f7f7f7;box-shadow:0 0 20px #e1e1e1;margin-bottom:34px;}

/*新闻资讯*/
.news_module{float:left; width:100%; /*height:1109px;*/}
.news_module .margin_bottom{margin-bottom:50px;}
.news-nav{overflow: hidden;width:100%;/*padding:0 200px;*/text-align: center;margin-bottom:30px;}
.news-nav li{/*float:left;*/display:inline-block;padding:0 34px;height:46px;line-height:46px;color:#f9f9f9;background:#cecece;margin:0 16px;font-size:19px;}
.news-nav li.active{background:#da251c;}
.news_box{/*width:431px;*/height:363px;overflow: hidden;}
.news-table{width:710px;height:363px;float:right;border:1px solid #d1d1d1;}
.news-date h4{font-size: 38px;color:#898989;height:47px;line-height:47px;margin-top:14px;text-align: center;}
.news-date p{font-size: 12px;color:#898989;line-height:22px;text-align: center;}
.news-content h3{font-size: 20px;color:#222;height:34px;line-height:34px;margin-top:15px;padding-left:10px;}
.news-content p{width:522px;font-size: 14px;color:#898989;line-height:29px;padding-left:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/*about*/
.banner{ height:450px;}
.main{ display:block; overflow:hidden; clear:both; padding:20px 0 80px; background:#fff;}
.curr{ display:block; overflow:hidden; clear:both; line-height:24px;font-family:"\5B8B\4F53"; font-size:14px;}
.curr b{ font-weight:normal;font-family:"\5FAE\8F6F\96C5\9ED1";}
.curr span,.curr a{font-family:"\5FAE\8F6F\96C5\9ED1";}
.mcon{ float:left; width:100%; margin:38px 0 0 0;}
.mcon2{ margin:18px 0 0 0;}
.mleft{ float:left; width:858px;}
.mright{ float:right; width:325px;}
.subnav{ display:block; overflow:hidden; clear:both;}
.subnav li{ float:left; width:170px; margin-right:2px; line-height:50px; text-align:center; font-size:16px; padding-bottom:5px;}
.subnav li a{ color:#8c8c8c; display:block; background:#f4f4f4; border-bottom:2px solid #dddddd;}
.subnav li a:hover,.subnav li.hover a{ border-bottom:2px solid #da251c; color:#da251c;}
.subnav li.hover,.subnav li:hover{ background:url(../images/bgsub1.jpg) center bottom no-repeat;}
.subnav li.last{ margin-right:0;}
.about{ display:block; overflow:hidden; clear:both; margin:30px 0 0 0; font-size:14px; color:#7c7c7c; line-height:24px;}
.wenhua{ display:block; overflow:hidden; clear:both; margin:40px 0 0 0; border-top:1px solid #f0f0f0; padding-top:28px;}
.wenhua h2{ color:#1a1a1a; line-height:20px; font-size:20px; border-left:3px solid #da251c; padding-left:10px;}
.wenhualist li{ float:left; width:100%; margin:20px 0 0 0; line-height:35px;}
.wenhualist li span{ float:left; width:60px; text-align:right; color:#da251c; padding-right:20px;}
.wenhualist li .txt{ float:left; width:500px;}
.free{ float:left; width:100%; background:#ebf6f8; height:390px;}
.addressbox{ float:left; width:296px; background:#282828; height:220px; color:#a4a4a4; padding:30px 0 0 28px; line-height:24px;}
.addressbox .phone{ background:url(../images/icon4.png) left top no-repeat; height:68px; display:block; padding-left:60px; font-size:15px;}
.addressbox .phone b{ font-weight:normal; line-height:35px; font-size:26px; color:#fff; display:block;}
.addressbox p.spa{ font-size:14px; color:#fff;}
.addressbox p.spa2{ padding-top:20px;}
.freetable{ float:left; width:100%; margin:30px 0 0 0;}
.freetable th,.freetable td{ line-height:30px; padding-bottom:20px; vertical-align:top;}
.freetable th{ text-align:right; color:#222; font-weight:normal; padding-right:5px; font-size:14px;}
.freetxt1{ border:1px solid #e4e8e9; height:28px; width:236px; padding-left:6px; color:#666;}
.freetxt2{ width:50px;}
.freetxt3{ height:66px;border:1px solid #e4e8e9; width:236px; padding-left:6px; color:#666; resize:none;}
.freebtn1{ background:url(../images/bgbtn1.jpg) no-repeat; width:155px; height:38px; border:none; cursor:pointer; font-size:14px; color:#fff;font-family:"\5FAE\8F6F\96C5\9ED1"; margin-left:24px;}

.navinput{width:175px;height:30px; float:left;background:#ffF; margin-right:10px;}
.navinput p{display:block;line-height:28px;border:1px solid #e4e8e9;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1"; cursor:pointer; text-align:left; padding-left:6px;}
.navinput .set{ background:url(../images/jiao1.jpg) 152px center no-repeat;}
.navinput .select{ background:url(../images/jiao2.jpg) 152px center no-repeat;}
.navinput .new{width:173px;position:absolute;border:1px solid #e4e8e9; border-top:none;display:none; background:#fff;z-index:999}
.navinput ul li{line-height:28px;padding-left:6px; cursor:pointer; font-size:12px;}
.navinput ul li:hover{background:#222;color:#FFF;}
.kouhao{ float:left; width:100%; background:#ebf6f8; height:120px; line-height:120px;}
.kouhao h2{ text-align:center; font-size:30px; color:#000000; background:url(../images/bghua1.png) 193px bottom no-repeat;}

.pages{text-align: center; float:left; width:100%; margin:38px 0 0 0;}
.pages a{display: inline-block;width: 38px;height: 38px;border-radius: 38px;border:1px solid #d3d3d3;font: normal 14px/38px "΢���ź�";color: #848484;margin: 0px 5px;}
.pages a:hover,.pages a.hover{color: #FFFFFF;background: #da251c; border:1px solid #da251c;}
.pages a.prev,.pages a.next{color: #FFFFFF;background:#aaaaaa;font-size: 18px;border:1px solid #d3d3d3}
.pages a.prevStop,.pages a.nextStop{background: #e5e5e5;}

/*quality*/
.processlist li{ float:left; width:300px; text-align:center; margin:45px 0 0 0;}
.processlist li a{ display:block; width:298px; margin-right:2px; height:132px; background:#3c4657; font-size:20px; color:#fff; line-height:50px;}
.processlist li img{ margin:15px 0 0 0;}
.processlist li.last a{ width:100%; margin-right:0;}
.processlist li a:hover{ background:#da251c;}
.quam1{ float:left; width:100%; padding:25px 0 38px;}
.quam2{ background:#eefcff; float:left; width:100%; height:550px;}
.needlist li{ float:left; width:294px; margin:45px 3px 0; position:relative; height:294px; cursor:pointer; overflow:hidden;}
.needlist li .hei{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bgtm1.png) no-repeat; text-align:center; color:#fff; font-size:24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.needlist li .hei b{ display:block; text-align:center; line-height:152px; font-weight:bold; font-size:120px; font-family:"\5B8B\4F53"; margin:40px 0 0 0;}
.needlist li .hong{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:url(../images/bgtm2.png) no-repeat; color:#fff; line-height:24px; font-size:14px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.needlist li:hover .hei{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.needlist li .hong p{ margin:130px 0 0 0;}
.needlist li:hover .hong{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.quam3{ float:left; width:100%; height:917px;}
.quam3list{ float:left; width:100%; margin:50px 0 0 0;}
.quam3list li{ float:left; width:400px; height:233px; position:relative; cursor:pointer; overflow:hidden;}
.quam3list li.list1{ width:680px; height:466px;}
.quam3list li.list2,.quam3list li.list3{ width:520px;}
.quam3list li span.white{ position:absolute; left:50%; top:50%; background-color:rgba(255,255,255,0.9); width:140px; height:140px; margin:-70px 0 0 -70px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%; border-radius:50%; color:#da251c; line-height:45px; font-size:24px; text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam3list li span.white p{ display:none; font-size:14px; line-height:26px;}
.quam3list li span.white b{ display:block; padding-top:20px; font-size:40px; font-weight:normal;}
.quam3list li:hover span.white{ position:absolute;left:0; top:0; width:100%; height:165px; margin:0; background:rgba(208,35,27,0.5);-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0; border-radius:0; color:#fff; padding-top:68px; -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.quam3list li:hover span.white b{ display:none;}
.quam3list li:hover span.white p{ display:block;}
.quam3list li.list1:hover span.white{ padding-top:200px; height:266px;}
.quam4{ float:left; width:100%; height:489px; background:#da251c; position:relative;}
.quam4 span.jiao{ position:absolute; left:50%; bottom:0; background:url(../images/jiao5.png) no-repeat; width:55px; height:27px; margin:0 0 0 -28px;}
.quam4list li{ float:left; width:270px; height:183px; padding-right:20px; background:url(../images/jiao4.jpg) right center no-repeat; line-height:24px; text-align:center; margin:68px 0 0 0; color:#fca5a1;}
.quam4list li h2{ color:#fff; line-height:20px; font-size:20px; padding:60px 0 0 0; padding-bottom:22px;}
.quam4list li.last{ background:none; padding-right:0;}
.quam5{ float:left; width:100%; height:454px; padding-top:70px;}
.quam5_item{ float:left; width:325px; margin:0 73px 0 17px;}
.quam5_item2{ margin-right:0;}
.quam5_item .quam5_tit{ line-height:40px; text-align:center; color:#da251c; font-size:18px; float:left; width:100%; padding-bottom:25px;}
.quam5list li{ float:left; width:100%; background:url(../images/dian.png) left 8px no-repeat; color:#5d5d5d; padding-bottom:14px;}
.quam5list li p{ padding-left:17px;}
.quam6{ float:left; width:100%; background:#eefcff; height:414px;}
.quam6list{ float:left; width:100%; background:url(../images/bgline3.png) left 79px no-repeat; margin:42px 0 0 0;}
.quam6list li{ float:left; width:300px; text-align:center; line-height:40px; font-size:20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam6list li span{ display:inline-block; width:151px; height:151px; background:url(../images/yuan1.png) center top no-repeat;}
.quam6list li span b{ display:block; width:100%; height:100%; background:url(../images/icon8.png) no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam6list li span b.icon1{ background-position: -456px 0;}
.quam6list li span b.icon2{ background-position: 0 0;}
.quam6list li span b.icon3{ background-position: -304px 0;}
.quam6list li span b.icon4{ background-position: -152px 0;}
.quam6list li p{ padding-top:15px;}
.quam6list li:hover b{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
.quam7{ float:left; width:100%; background:url(../images/jiao6.jpg) center top no-repeat; height:497px;}
.quam7list{ width:1136px; margin:0 auto; padding:78px 0 0 0;}
.quam7list li{ float:left; width:550px; height:59px; line-height:59px; text-align:center; color:#373737; font-size:14px; margin-bottom:26px; position:relative; }
.quam7list li p{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.quam7list li.spa{ float:right; margin:26px 0 0 0;}
.quam7list li a{ color:#373737; display:block; position:relative; z-index:2;background:#eefcff;}
.quam7list li span{ background:url(../images/yuan3.jpg) no-repeat; width:14px; height:14px; position:absolute; right:-25px; top:50%; margin:-7px 0 0 0; z-index:99;}
.quam7list li.spa span{ right:auto;left:-25px;}
.quam7list li:hover p{ width:100%; height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;background:#da251c;}
.quam7list li:hover a{ color:#fff;background:none;}
.quam8{ float:left; width:100%; padding-bottom:96px; position:relative;}
.quam8 .pic{ margin:275px 0 0 442px; float:left;}
.book{ float:left; width:100%; margin:160px 0 0 0; overflow-x:auto;}
.book2{ margin-top:50px;}
.booklist{ width:10000px;height:240px;}
.booklist li{ float:left; width:280px; height:226px; border:1px solid #f3f3f3; text-align:center; margin-right:24px; font-size:14px; line-height:30px;}
.booklist li img{ margin:20px 0 0 0;}
/*case*/
.hotnews{ float:left; width:1198px; border:1px solid #ddd; line-height:38px;}
.hotnews h2{ float:left; background:url(../images/icon10.jpg) 20px center no-repeat; padding-left:59px; color:#da251c; font-size:14px;}
.hotnews span.phone{ float:right; color:#848484; font-size:14px; padding-right:18px; background:url(../images/telicon1.png) left center no-repeat; padding-left:32px;}
.hotnews span.phone b{ font-weight:normal;}
#topBar{ float:left;}
#topBar a{ color:#da251c; font-size:14px;}
.caseprocesslist li{ float:left; width:400px; margin:55px 0 0 0; text-align:center; color:#1a1a1a; font-size:18px; line-height:40px; cursor:pointer;}
.caseprocesslist li span{ background:url(../images/icon9.png) no-repeat; width:116px; height:116px; display:inline-block; margin-bottom:10px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.caseprocesslist li:hover span{-webkit-transform:rotatey(180deg);-moz-transform:rotatey(180deg);-ms-transform:rotatey(180deg);transform:rotatey(180deg);}
.caseprocesslist li span.icon1{ background-position:0 0;}
.caseprocesslist li span.icon2{ background-position:-117px 0;}
.caseprocesslist li span.icon3{ background-position:-234px 0;}
.filter{ border:1px solid #f0f0f0; display:block; overflow:hidden; clear:both; margin:35px 0 0 0; float:left; width:1198px; background:#f4f4f4; padding-bottom:20px;}
.filterlist li{ float:left; width:1158px; padding:20px 20px 0; font-size:14px;}
.filterlist li span.tit{ float:left; width:115px; line-height:38px; background:#dcdcdc; color:#1a1a1a; font-size:16px; text-align:center;}
.filterlist li p{ float:right; width:1024px;}
.filterlist li p a{ float:left; padding:0 14px; line-height:28px; margin:5px 6px 0 0;}
.filterlist li p a:hover,.filterlist li p a.hover{ color:#fff; background:#da251c;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px; border-radius:5px;}

.mfree{width:100%; background:#ebf6f8; height:300px;}
.mfree .freetable{margin:38px 0 0 0;width: 700px; float:left;}
.mfree .freetable .freetxt3{width: 592px;}
.mfree .freetable .freebtn1{margin-left: 206px;}
.mfree .freetable .freetxt1{ width:246px;}
.mfree .freetable .freetxt2{ width:57px;}
.subnav2 li{width:598px;}
.subnav2 li.last{width:600px;}
.subnav3 li{width:299px;}
.subnav3 li.last{width:297px;}

.areaperson li{padding:30px 0px;border-bottom:1px solid #eeeeee; float:left; width:100%; height:289px; overflow:hidden;}
.areaperson li .perintro{ float:left; width:534px; height:289px;color: #414141; background:#f4f4f4;}
.areaperson li .perintro .pic,.teamdt .pic{ float:left; border-right:2px solid #da251c;}
.areaperson li .perintro .pic img{ width:252px; height:289px;}
.areaperson li .perintro .txt,.teamdt .txt{ float:right; width:250px; margin:0 8px 0 0; font-size:14px;}
.areaperson li .perintro .txt h2,.teamdt .txt h2{ margin:20px 0 0 0; line-height:22px; font-size:18px;}
.areaperson li .perintro .txt h2 span,.teamdt .txt h2 span{ display:block; font-size:24px; line-height:32px;}
.areaperson li .perintro .txt .num,.teamdt .txt .num{margin: 22px 0px 22px; float:left; width:100%; line-height:24px;}
.areaperson li .perintro .txt .num span,.teamdt .txt .num span{ float:left;width:63px;margin-right: 20px; text-align:center; font-size:14px; line-height:28px;}
.areaperson li .perintro .txt .num span b,.teamdt .txt .num span b{ height:61px;border:1px solid #da251c;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%; border-radius:50%; display:block; text-align:center; line-height:61px; font-size:24px; color:#da251c; font-weight:normal;}
.areaperson li .item{ float:right; width:657px;}
.areaperson li .item span{ float:left; width:272px; height:142px; margin-bottom:5px; position:relative;}
.areaperson li .item span.spa1{ float:left; width:379px; height:289px; margin-right:5px;}
.areaperson li .item span .wz{ position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.6); color:#fff; padding:5px 0;}
.areaperson li .item span .wz p{ padding:0 12px;}
.code{float: right;margin-top: 38px;}
.code span{width: 160px;height: 160px; float:left; margin-left:5px; font-size:18px; line-height:65px; color:#1a1a1a;text-align:center;}
.teamdt{ float:left; width:100%; height:370px; background:#f4f4f4;}
.teamdt .txt{ width:438px; margin-right:40px; color:#414141;}
.teamdt .txt h2{ line-height:32px; margin:30px 0 10px;}
.teamdt .txt .tips{ color:#da251c; border-bottom:1px solid #d0d0d0; line-height:26px; padding:34px 0 22px;}
.team{margin:30px 0px 0;overflow: hidden; float:left; width:100%;}
.perintro-2{float:left; width:843px;margin-top: 5px;color: #414141;overflow: hidden;background: url(../images/bg1.png) no-repeat;background-position:640px 40px;background-color: #f4f4f4;font-size: 14px; line-height:27px; height:auto; padding:14px 0 0 15px;}
.personcase{ float:left; width:100%; margin:63px 0 0 0;color: #414141;}
.per_tit{height:24px;line-height:20px;color:#1A1A1A;font-size:24px;border-left:4px solid #DA251C; text-indent:20px; margin-bottom:8px;}
.per_tit a.more{ float:right; line-height:20px; border:1px solid #DA251C; font-size:14px;text-indent:0; color:#DA251C; padding:0 10px; margin:2px 0 0 0;}
.per_tit2{ margin-bottom:0;}
.worklist li{float: left;width: 282px;overflow: hidden;margin: 24px 24px 0px 0px; background:#f4f4f4; height:250px;}
.worklist li a{ color:#1a1a1a;}
.worklist li.nor{ margin-right:0;}
.worklist li .pic{ display:block; overflow:hidden; clear:both; position:relative; height:200px;}
.worklist li .pic .hidetxt{ position:absolute; left:0; top:0; padding:26px 15px 0; width:252px; height:174px; background-color:rgba(0,0,0,0.6); line-height:28px; color:#fff;
-webkit-transform:scale(0); -moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.worklist li h2{ line-height:50px; padding:0 15px; font-size:14px;}
.worklist li h2 b{ float:right; border:1px solid #dfdfdf;width:74px; line-height:23px; text-align:center; font-weight:normal; margin:13px 0 0 0; -webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px; height:25px; color:#636363;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.worklist li:hover h2 b{ background:#da251c;color:#fff; border:1px solid #da251c;}
.worklist li:hover .pic .hidetxt{-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.newslist{overflow: hidden;margin-top: 33px;clear: both;}
.newslist li{width: 100%;padding: 28px 0px 28px;border-bottom: 1px solid #EEEEEE;overflow: hidden; float:left;}
.newslist li .date{ float:left; width:160px; height:258px; background:#EBF6F8; color:#3c4657; font-size:16px; text-indent:30px; line-height:40px; padding-top:8px; overflow:hidden;}
.newslist li .date span.year{ float:left; width:100%; height:120px;}
.newslist li .date span.year b{ display:block; text-align:center; font-size:48px; line-height:48px; text-indent:0; font-weight:normal;}
.newslist li .date span.day{ float:left; width:100%; height:160px; margin:-12px 0 0 0; background: url(../images/bgdate.png) no-repeat; line-height:120px; text-align:center; font-size:60px; text-indent:0;}
.newslist li .pic{ float:left; margin-left:10px;}
.newslist li .txt{ float:right; width:597px; color:#7c7c7c; font-size:14px; line-height:24px;}
.newslist li .txt h2{ font-size:16px; line-height:40px; padding-bottom:10px;}
.newslist li .txt p{ height:72px; overflow:hidden;}
.newslist li .txt .keyword{ float:left; width:100%; margin:24px 0 0 0; color:#a3a2a2; font-size:12px;}
.newslist li .fx{ float:left; width:100%; margin:50px 0 0 0;}
.newslist li .fx .share{display: block;float: right;}
.newslist li .fx .share a{display: inline-block;width:25px;height:25px;margin: 0px 5px;	background: url(../images/icon14.png) no-repeat;}
.newslist li .fx .share a:hover{background: url(../images/icon15.png) no-repeat;}
.newslist li .fx .share a.icon-01{background-position:0px 0px;}
.newslist li .fx .share a.icon-02{background-position:-35px 0px;}
.newslist li .fx .share a.icon-03{background-position:-70px 0px;}
.newslist li .fx .share a.icon-04{background-position:-105px 0px;}
.newslist li .fx .share a.icon-05{background-position:-140px 0px;}
.newslist li .dt{float:left;width: 74px;height: 25px;line-height: 25px;text-align: center;font-size: 12px;border-radius: 7px;color: #717171;border: 1px solid #d2d2d2;}
.newslist li .dt:hover{background: #DA251C;color: #FFFFFF; border:1px solid #DA251C;}
.newslist3 li .txt{ width:760px;}
.newslist3 li .pic{ margin-left:0;}
.contractlist{ margin:-28px 0 0 0;}
.contractlist li .date{ float:left; width:110px; height:181px; font-size:14px; text-indent:18px; line-height:28px; overflow:hidden;}
.contractlist li .date span.year{ height:85px;}
.contractlist li .date span.year b{ font-size:33px;}
.contractlist li .date span.day{ float:left; margin-top:-8px;background: url(../images/bgdate2.png) no-repeat; line-height:90px; font-size:42px; height:112px;}
.contractlist li .pic{ margin-left:5px;}
.contractlist li .txt{ width:500px;}

.newsdt_con{ display:block; overflow:hidden; clear:both; line-height:40px; color:#7c7c7c; font-size:14px;}
.topage{ float:left; width:100%;text-align: right;height: 32px;line-height: 32px;border-top: 1px solid #EEEEEE; margin:50px 0 0 0;}
.topage a{font-size: 12px;color: #7C7C7C; margin:0 10px;}
.topage a:hover{color: #1A1A1A;}
.news_tit{border-bottom:1px solid #282828; float:left; width:100%;margin:12px 0 15px 0;}
.news_tit h2{font-size: 20px;height: 54px;line-height: 54px;color: #1A1A1A; }
.news_tit span{color: #8c8c8c; float:right;overflow: hidden;font-size: 14px;margin-left: 30px;line-height:54px;}
.news_tit span b{ font-weight:normal;}

.questionlist{ float:left; width:100%; margin:32px 0 0 0;}
.questionlist li{ float:left; width:1160px; border-bottom:1px solid #eee; margin:28px 0 0 0; padding-bottom:22px;font-size: 14px;line-height: 24px;padding-left: 40px;background: url(../images/wen.png) left top no-repeat;}
.questionlist li h2{height: 30px;line-height: 30px;font-size: 20px;color: #1A1A1A;margin-bottom: 12px;}
.queother{background: #EEEEEE;margin-top: 42px; float:left; width:100%;}
.quetable{margin: 0 auto;color: #1A1A1A;}
.quetable caption{font-size: 24px;line-height: 80px;height: 80px;}
.quetable th,.quetable td{ line-height:30px; padding-bottom:20px; vertical-align:top;}
.quetable th{font-weight:normal; padding-right:24px; font-size:14px;}
.quetxt1,.quetxt3{border:1px solid #d2d2d2;padding-left:6px;color:#1A1A1A;}
.quetxt1{height:28px; width:592px;}
.quetxt3{ height:60px; width:592px;resize:none;padding-top: 6px;}
.quebtn1{margin-top: 25px;}
.quetable td.quebtn{text-align: center;}
.mtop2{ margin-top:-10px;}
.clientlist{ float:left; width:100%; margin:30px 0 0 0;}
.clientlist li{ float:left; width:300px; height:198px; position:relative;}
.clientlist li a{ border:1px solid #e0e0e0; position:absolute; left:0; top:0; width:299px; height:197px;}
.clientlist li a:hover{ border:1px solid #666; z-index:99;}
.client{ float:left; width:100%;}
.client .piclg{ float:left; width:370px; background:#f4f4f4; height:388px;}
.client .cltxt{ float:right; border:1px solid #dfdfdf; width:818px; height:386px;}
.client .cltxt .txt{ display:block; overflow:hidden; clear:both; padding:40px 50px 0; color:#7c7c7c; line-height:20px; font-size:14px;}
.client .cltxt .txt .per_tit{ margin-bottom:22px;}
.client .cltxt .txt p.spa{ line-height:26px; color:#333; padding-bottom:5px;}
.client .bigpic{ float:left; width:100%; margin:30px 0 0 0;}
.activitylist{ margin-top:0;}
.activitylist li .pic{ margin-left:0; width:100%;}
.activitylist li .txt{ width:100%;}
.activitylist li .txt .dt{ float:right;}
.activitylist li .txt p{ height:48px;}
.activitylist li .txt .keyword{ float:left; width:auto; margin:0;}
.activitylist li .txt .fx{ margin:20px 0 0 0;}
.actdetail{ float:left; width:100%; margin:20px 0 0 0; line-height:34px; font-size:14px;}
.casenav{ float:left; width:100%; border-top:1px solid #eee; padding:34px 0 0 0;}
.casenavlist{ float:left; width:100%; background:url(../images/bgcase1.jpg) center 23px no-repeat;}
.casenavlist li{ float:left; background:url(../images/caicon2.png) no-repeat; margin:0 71px 0 10px; width:71px; text-align:center; font-size:14px; line-height:40px;}
.casenavlist li.nor{ margin-right:0;}
.casenavlist li a span{ display:block; width:71px; height:71px; background:url(../images/caicon2.png) no-repeat;}
.casenavlist li a:hover,.casenavlist li.hover a{ color:#da251c;}
.casenavlist li a:hover span,.casenavlist li.hover a span{background:url(../images/caicon1.png) no-repeat;}
.casenavlist li a span.icon1{ background-position:0 0;}
.casenavlist li a span.icon2{ background-position:-72px 0;}
.casenavlist li a span.icon3{ background-position:-144px 0;}
.casenavlist li a span.icon4{ background-position:-216px 0;}
.casenavlist li a span.icon5{ background-position:-288px 0;}
.casenavlist li a span.icon6{ background-position:-360px 0;}


.syFocusThumb #prev1,.syFocusThumb #next1{position: absolute; TOP:618px; CURSOR: pointer; left: 10px; z-index:2; background:url(../images/lrbtn2.png) no-repeat;width:62px; height:62px;}
.syFocusThumb #next1 { left:auto; right:10px; background-position:-63px 0;}
.sliderwrapper{ width:856px; height:720px; overflow:hidden;}
.syFocusThumb {position: relative; WiDTH:856px; HEiGHT:720px; OVERFLOW: hidden; margin:30px 0 0 0; float:left;}
.syFocusThumb .pic-container{  float:left; width:100%; height:409px;}
.syFocusThumb .contentdiv {	width:856px; height:571px;float:left;}
.syFocusThumb .picture{ float:left; width:856px; height:571px; position:relative;}
.syFocusThumb .pagination {	position: absolute; text-align: left; width: 100%; height:30px; color: #196; clear: both; top:0; left: 0;}
.syFocusThumb .thumbWrap {	position: absolute;OVERFLOW: hidden; TOP: 581px; left:-2px; width:856px;}
.syFocusThumb .thumbWrap img {	-MS-iNTERPOLATiON-MODE: bicubic}
.syFocusThumb .holder {	WiDTH: 4000000000px}
.syFocusThumb .holder i {cursor: pointer; margin:0 2px; width:211px;}

#play{width:856px;text-align:center;position:relative;overflow:hidden;margin:20px 0 0 0; float:left;}
#play .change_a{background:url(../images/lrbtn2.png) no-repeat;width:62px; height:62px;position:absolute;display:block;top:50%;margin-top:-32px;cursor:pointer;z-index:10}
#play .prev_a{left:5px;}
#play .next_a{right:5px;background-position:-63px 0;}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;}
#play .prev_a span{left:0;}
#play .next_a span{right:0;}


#play .img_ul{position:relative;z-index:1;background:#000;}
#play .img_ul li{ width:856px; height:571px;background:#000; position:relative;}
#play .img_ul li .txt{ color:#fff; line-height:24px; width:100%; font-size:14px;background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; padding:8px 0; text-align:left;}
#play .img_ul li .txt p,#play .img_ul li .txt h2{ padding:0 20px;}
#play .img_ul li .txt h2{ line-height:28px; font-size:18px;}

.img_hd {width:857px;overflow:hidden;height:144px;margin-top:10px;position:relative; float:left;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:213px;height:144px;cursor:pointer;margin:0 2px 0 0;overflow:hidden;*display:inline;text-align:center; background:#000;}
.img_hd ul li.on{ background:#da251c;}
.img_hd .bottom_a{background:url(../images/lrbtn2.png) no-repeat;width:62px; height:62px;position:absolute;display:block;top:50%;margin-top:-32px;cursor:pointer;z-index:10}

.img_hd .prev_a{background-position:0 -0px;left:5px;}
.img_hd .next_a{background-position:-63px 0;right:5px;}
.showprev{ position:absolute; left:5px; top:50%; width:62px; height:62px; line-height:62px; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; z-index:99; text-align:center; color:#fff; margin-top:-31px; font-size:13px; display:none;}
.shownext{position:absolute; right:5px; top:50%; width:62px; height:62px; line-height:62px; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; z-index:99; text-align:center; color:#fff; margin-top:-31px; font-size:13px; display:none;}
.shownext a,.showprev a{ color:#fff; display:block; cursor:pointer; width:100%; height:100%;}






.lookup{ position:absolute; right:0; top:0px; z-index:9; background:rgba(0,0,0,0.5); -webkit-border-radius:50%;border-radius:50%; display:block;}
.bglayout{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:99; display:none;}
.mydiv{ position:fixed; left:50%; top:50%; width:1000px; height:708px; z-index:100; margin:-354px 0 0 -9999px;}
.mydiv .casenav{ background:none; border-top:none; padding:0; margin-left:80px;}
.mydiv .casenav .casenavlist{ background:none;}
.mydiv .close{ position:absolute; right:0; top:110px; width:38px; height:38px; z-index:1000; cursor:pointer;}
.bigpicshowlist{ width:1000px; height:572px;}

/*
.bigpicshowlist li{ float:left; width:100%; position:relative;}
.bigpicshowlist li img{ display:block;width:1000px; height:572px;}
.bigpicshowlist li .txt{ color:#fff; line-height:24px; width:100%; font-size:14px; line-height:22px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; padding:8px 0;}
.bigpicshowlist li .txt p,.bigpicshowlist li .txt h2{ padding:0 20px;}
.bigpicshowlist li .txt h2{ line-height:28px; font-size:18px;}
.bigpicshow{ display:block; overflow:hidden; clear:both; position:relative;}
.bigpicshow span.prev,.bigpicshow span.next{ width:50%; height:100%; top:0; left:0; position:absolute; cursor:pointer; z-index:99;}
.bigpicshow span.next{ position:absolute; left:auto;right:0;}
.bigpicshow span.prev b,.bigpicshow span.next b{ background:url(../images/lrbtn2.png) no-repeat; width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none;}
.bigpicshow span.next b{ background-position:-63px 0; left:auto; right:10px; display:none;}
.bigpicshow span.prev:hover b,.bigpicshow span.next:hover b{ display:block;}
.bigpicshow .showprev2,.bigpicshow .shownext2{width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none; z-index:999;background:url(../images/lrbtn2.png) no-repeat;}
.bigpicshow .shownext2{ left:auto; right:10px;background-position:-63px 0;}
.bigpicshow .showprev2 a,.bigpicshow .shownext2 a{ display:block; width:100%; height:100%;}
*/
.bigpicshowlist li{ float:left; position:relative; text-align:center;width:1000px; height:572px; background:#000;}
.bigpicshowlist li .txt{ color:#fff; width:100%; font-size:14px; line-height:22px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; padding:8px 0;}
.bigpicshowlist li .txt p,.bigpicshowlist li .txt h2{ padding:0 20px;}
.bigpicshowlist li .txt h2{ line-height:28px; font-size:18px;}
.bigpicshow{ display:block; overflow:hidden; clear:both; position:relative;}
.bigpicshow span.prev,.bigpicshow span.next{ width:50%; height:100%; top:0; left:0; position:absolute; cursor:pointer; z-index:99;}
.bigpicshow span.next{ position:absolute; left:auto;right:0;}
.bigpicshow span.prev b,.bigpicshow span.next b{ background:url(../images/lrbtn2.png) no-repeat; width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none;}
.bigpicshow span.next b{ background-position:-63px 0; left:auto; right:10px; display:none;}
.bigpicshow span.prev:hover b,.bigpicshow span.next:hover b{ display:block;}
.bigpicshow .showprev2,.bigpicshow .shownext2{width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none; z-index:999;background:url(../images/lrbtn2.png) no-repeat;}
.bigpicshow .shownext2{ left:auto; right:10px;background-position:-63px 0;}
.bigpicshow .showprev2 a,.bigpicshow .shownext2 a{ display:block; width:100%; height:100%;}






.nextgroup{ position:absolute; right:0; top:260px; width:90px; height:60px; background-color:rgba(0,0,0,0.5); z-index:8; line-height:60px; text-align:center; display:none;}
.nextgroup a{ color:#fff; font-size:18px; text-align:center;}
.case_intro{ float:left; width:100%; margin:60px 0 0 0; line-height:22px; font-size:14px;}
.case_intro p{ padding-top:10px}
.mrbox1{ float:left; width:100%; background:#f4f4f4;}
.designlist li{ float:left; width:100%;}
.designlist li .pic{ float:left; width:100%; border-bottom:2px solid #da251c;}
.designlist li .txt{ height:auto; float:left; width:100%; background:url(../images/bghua6.jpg) right bottom no-repeat; text-align:center; line-height:28px; font-size:14px;}
.designlist li .txt h2{ padding:20px 0; font-size:18px;}
.designlist li .txt h2 span{ display:block; font-size:24px; line-height:34px;}
.moredg{ float:left; width:100%;background:#dcdcdc; margin:10px 0 0 0; line-height:40px; font-size:14px; text-align:center;}
.ewmbox{ display:block; overflow:hidden; clear:both; border:1px solid #eee; margin:12px 0 0 0; padding-bottom:15px; text-align:center; float:left; width:322px;}
.ewmbox span{ float:left; font-size:16px; color:#222;}
.comment{ float:left; width:100%; border-top:1px solid #eee; margin:32px 0 0 0; padding:32px 0 0 0;}
.commentbox{ float:left; width:100%; margin:15px 0 0 0; line-height:28px; font-size:14px; color:#7c7c7c;}
.adspic{ float:left; width:100%; margin:60px 0 0 0; height:260px;}
.book3{ margin:68px 0 0 0;}

.mtop{overflow: hidden;margin-top:30px;clear: both;}
.mainarea{margin-top:30px;overflow: hidden;}
.newsdt{margin-top:50px;overflow: hidden;}
.bgwhite{ background:#ffffff}


.newslist1{margin-top: 0px;}
.newslist1 li .pic{margin-left: 0px;}
.newslist1 li .txt{width: 500px;}
.newslist1 li .txt h2{font-size: 18px;}
.newslist1 li .fx{margin: 30px 0 0 0;}
.newslist1 li .fx span.rq{font-size: 12px; float:right; padding-right:8px; line-height:27px;}

.mcust{float: left;width: 100%;margin-top: 30px;}
.mcust .mcu_title{display: block;height: 50px;line-height: 50px;padding: 0 20px;font-size: 18px;background: #da251c;color: #FFFFFF;}
.mcust .mcu_title .mcumore{float:right;width: 25px;height:50px;line-height:50px;background: url(../images/addicon.png) center center no-repeat;}
.mcust .mcustxt{border: 1px solid #eeeeee;padding: 20px;}
.mcust .mcustxt p{line-height: 24px;font-size: 14px;margin: 15px 0 10px;color: #656565;}
.mcust .mcubt{display: block;height: 50px;line-height: 50px;font-size: 14px;text-align: center;background:#EEEEEE;color: #6f6f6f;}

.cateitem{padding: 0px 120px;overflow: hidden;clear: both;}
.cateitem li{float: left;width: 105px;height: 105px;margin: 24px 50px;border-radius:50%;background:#F4F4F4;color: #8C8C8C;line-height: 105px;font-size: 18px;text-align: center;cursor: pointer;}
.cateitem li.on,.sitenav li.on{background: #DA251C;color: #FFFFFF;}
.cateitem li:hover{background: #DA251C;color: #FFFFFF;}
.cate{margin-bottom: 20px;}
.catelist{clear: both;overflow: hidden;}
.catelist li{float:left;width:214px;border: 1px solid #dcdcdc;padding: 20px 33px 0px;margin:0 5px 5px 0;}
.catelist li.nor{margin-right: 0px;}
.catelist li p{font-size: 18px;text-align: center;line-height: 50px;color:#1A1A1A;}
.tab{ display:none;}

.jobtable{width: 100%;margin: 10px 0 0 0;}
.jobtable th{text-align: left;line-height: 44px;font-size: 16px;color:#282828;border-bottom: 1px solid #282828; font-weight:normal;}
.jobtable td{font-size: 14px;line-height:72px;border-bottom: 1px solid #EEEEEE;text-align: left;color:#7c7c7c;}
.jobtable td a{font-size: 14px;line-height:72px; color:#7c7c7c;}
.jobtable td a:hover{color:#DA251C;}
.jobtable th.spa,.jobtable td.spa{ padding-left:43px;}

.joblist{overflow: hidden;margin-top: 45px;clear: both;font-size: 14px;color:#7C7C7C;}
.joblist .jobtip1{height: 44px;font-size: 16px ;color: #DA251C;line-height: 44px;border-bottom: 1px solid #282828;}
.joblist li{width: 100%;padding: 30px 0px ;border-bottom: 1px solid #EEEEEE;overflow: hidden;}
.joblist li table th{color: #282828;font-weight:normal;}
.joblist li table th, .joblist li table td{text-align: left;height: 40px;line-height: 40px;letter-spacing: 1px;}
.joblist li p{line-height: 40px;}
.bk{color: #282828;}

.mculist{border:1px solid #e5e5e5;border-top:none;border-bottom: none;}
.mculist li img{display: block;margin: 0 auto;border-bottom: 1px solid #E5E5E5;}
li.bdno img{border-bottom:none;}

.site{ display:block; overflow:hidden; clear:both; margin:30px 0 60px 0; font-size:14px; color:#7c7c7c;}
.sitenav{float: left;width: 113px;overflow: hidden;}
.sitenav li{height:37px;line-height:37px;font-size:18px;margin: 20px 0 0 0;text-align: center;cursor: pointer; background:#f4f4f4; color:#393939;}
.sitebox{width: 640px;float: right;font-size: 14px;color: #7C7C7C;}
.sitebox li{padding: 20px 0px;}
.site_title{display:block;font-size: 18px;height: 40px;line-height: 40px;color: #383838;cursor: pointer;}
.site_title:hover{color: #DA251C;}
.sitebox li p{line-height: 30px;}
.sitebox li p span{display: inline-block;width: 30px;}
.actbox{ border:1px solid #f4f4f4; display:block; overflow:hidden; clear:both; padding-bottom:20px;}
.actlist li{ float:left; width:282px; margin:15px 0 0 20px; font-size:14px;}
.actlist li a{ color:#656565;}
.actlist li img{ display:block; margin-bottom:6px;}
.commentdetail{ display:block; overflow:hidden; clear:both; line-height:26px; font-size:14px; color:#7c7c7c;}
.goodcase{ float:left; width:100%; margin:50px 0 0 0; border-top:1px solid #f0f0f0; padding:30px 0 0 0;}
.caseshow{ display:block; overflow:hidden; clear:both; margin:10px 0 0 0; padding:0 24px; position:relative;}
.caseshow .worklist li{ margin-left:5px; margin-right:0;}
.caseshow span.prev,.caseshow span.next{ background:url(../images/lrbtn3.png) no-repeat; width:16px; height:28px; position:absolute; left:0; top:50%; margin-top:-14px; display:block; z-index:99; cursor:pointer;}
.caseshow span.next{ background-position:-16px 0; left:auto; right:0;}
.caseshow span.prevStop,.caseshow span.nextStop{ opacity:0.2;}

.mydiv2{ position:fixed; left:50%; top:50%;width:1200px; height:580px; text-align:center;z-index:100; margin:-290px 0 0 -600px; display:none;}
.mydiv2 span.close{ position:absolute; right:210px; top:0; cursor:pointer;}





